<!doctype html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>后台登录-X-admin2.1</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link data-th-include="commons/head :: resource">
<link rel="stylesheet" href="./css/style.css">
<script type="text/javascript" src="./js/style.js"></script>
<style type="text/css">
#slideBar {
	position: absolute;
	top: 220px;
}

#aa {
	position: absolute;
	top: 318px;
}
</style>
<script type="text/javascript" data-th-if="${errorMessage!=null}">
	$(function() {
		layui.use('form', function() {
			layer.msg('[[${errorMessage}]]')
		})
	})
</script>

</head>
<body class="login-bg">

	<div class="login layui-anim layui-anim-up">
		<div class="message">Mcfeng-管理登录</div>
		<div id="darkbannerwrap"></div>
		<form method="post" data-th-action="@{/login}" class="layui-form">
			<input name="account" placeholder="账号" type="text"
				lay-verify="required" class="layui-input">
			<hr class="hr15">
			<input name="password" lay-verify="required" placeholder="密码"
				type="password" class="layui-input">
			<div id="slideBar"></div>
			<input value="登录" lay-submit lay-filter="login"   id="aa"
				style="width: 81%;display:none" type="submit">
		</form>
	</div>
	<script type="text/javascript">
		var dataList = [ "0", "1" ];
		var options = {
			dataList : dataList,
			success : function() {
				document.getElementById("aa").style.display="block";
			},
			fail : function() {
				console.log("fail");
			}
		};
		SliderBar("slideBar", options);
	</script>
</body>
</html>